﻿@inherits StyleComponentBase

<style data-name="Users">

    /* users */

    .users-root {
        padding: 24px;
    }

    .users-content {
        margin-top: 16px;
    }

    /* users-toolbar */

    .users-toolbar-row {
        height: 42px;
        display: flex;
        margin-top: 8px;
        align-items: center;
    }

    .users-toolbar-spacer {
        flex-grow: 1;
    }

    .users-toolbar-import-button {
        margin-right: 8px;
    }

    .users-toolbar-export-button {
        margin-right: 8px;
    }

    .users-toolbar-search-input {
        margin-right: 8px;
    }

    /* users-table */

    .users-table-content {
        padding: 0;
    }

    .users-table-inner {
        min-width: 1050px;
    }

    .users-table-name-container {
        display: flex;
        align-items: center;
    }

    .users-table-avatar {
        margin-right: 16px;
    }

    .users-table-actions {
        justify-content: flex-end;
    }

</style>
